<template>
  <div class="authorization">
     <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="操作日志" name="first">
        <OperationLog> </OperationLog>
      </el-tab-pane>
    </el-tabs>
    <!-- <el-tabs v-if="teamId" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="权限明细" name="first" stripe>
        <Permisson></Permisson>
      </el-tab-pane>
      <el-tab-pane label="操作日志" name="second">
        <OperationLog> </OperationLog>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-else v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="操作日志" name="first" stripe>
        <OperationLog> </OperationLog>
      </el-tab-pane>
    </el-tabs> -->
  </div>
</template>

<script>
import OperationLog from './operationLog.vue'
// import Permisson from './permisson.vue'
export default ({
  name: 'Authorization',
  components: {
    OperationLog
    // Permisson
  },
  computed: {
    teamId() {
      let data = this.$store.state.team.teamId
      if (data) return true
      else return false
    }
  },
  watch: {
    teamId: {
      deep: true,
      immediate: true,
      handler:function(newV,oldV) {
        if(!newV) {
          return false
        } else {
          return true
        }
      }
    }
   },
  data() {
    return {
      activeName: 'first',
      value: '全部'
    }
  },
  methods: {
    // 每页多少条
    changeSize(val) {
      console.log(val)
    },
    // 当前页
    changePage(val) {
      console.log(val)
    }
  }
})
</script>

<style lang="scss" scoped>
@import "~@/styles/variables.scss";
.el-tabs__item.is-active:hover {
  color: $mainColor1 !important;
}
</style>
